<template>
    <div class="main-layout"> 
        <main>
            <!-- 内容插槽，因为没有其它的插槽，所以是一个默认插槽 -->
            <slot/> 
        </main>
        <footer>
            <!-- 因为图片和文字都要变化，所以应该在这个选项上添加一个样式 -->
            <div @click="toPage(it)" 
                :class="['item', it.active ? 'active' : '']" 
                v-for="it in footerList" 
                :key="it.text">
                <i :class="[it.icon]"></i>
                <span>{{it.text}}</span>
            </div>
        </footer>
    </div>
</template>